<template>
    <div class="crub">
        <span v-for="item, index in nav" :key="index">
            <span :style="index == nav.length - 1 ? '#333' : '#999'">{{ item.name }}</span>
            <i v-show="index != nav.length - 1">/</i>
        </span>
    </div>
</template>

<script>
export default {
    name: 'WorkspaceJsonCrumb',
    props:['nav'],
    data() {
        return {

        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
.crub {
    text-align: left;
    margin-bottom: 15px;

    span {
        margin-right: 10px;
    }
}
</style>